<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>{{ $archive->name }}_{{ $archive->legal_person }}_{{ $archive->tel }}_蚂蚁馆嘉装网</title>
    <meta name="author" content="author">
    <meta name="description" content="{{ $archive->name }} 为您免费上门量房，为您提供三套设计方式比对，参观装修案例，施工工地。装修优惠活动，装修免费预约。">
    <meta name="keywords" content="{{ $archive->name }}怎么样,{{ $archive->name }}好吗,{{ $archive->name }}地址在哪">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Window-target" content="_top">
    <meta name="robots" content="none">
    <!-- 收藏图标 -->
    <!-- <link rel="Shortcut Icon" href="favicon.ico"> -->
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="{{ asset('web/style/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ asset('web/style/bootstrap-table.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('web/style/comm.css') }}">
    <link rel="stylesheet" href="{{ asset('web/font/iconfont.css') }}">
    <script src='https://cdn.staticfile.org/vue/2.2.2/vue.min.js'></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="{{ asset('web/style/idangerous.swiper.css') }}">
    <link rel="stylesheet" href="{{ asset('web/style/demo4.css') }}">
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?eb959a0f08e8a123dcbd729738b9ed8e";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>
<div id="app">
    <!-- 头部登录部分 -->
    <div class="head">
        <div class="content clearfix">
            <div class="pull-left">
                <i class="iconfont icon-dizhi"></i>
                <span>{{ config('region.region.city', '') }}</span>
                <a href="{{ generate_top_url('/region') }}">[切换]</a>
            </div>
            <div class="pull-right">
                <a href="javascript:;">登录</a>
                <a href="javascript:;">注册</a>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="content">
            <div class="pull-left">
                <a href="{{ url('/') }}"><img src="{{ asset('web/images/logo.png') }}" alt="" class="logo"></a>
            </div>
            <div class="pull-left">
                <div class="list">
                    <a href="{{ url('/') }}">首页</a>
                    <a href="javascript:;">独立设计师</a>
                    <a href="javascript:;">装修师傅</a>
                    <a href="javascript:;">装修监理</a>
                    <a href="javascript:;">本地建材</a>
                    <a href="javascript:;">家具</a>
                    <a href="javascript:;">软装</a>
                </div>
            </div>
            <div class="pull-right">
                <label class="search">
                    <input type="text" placeholder="请输入"/>
                    <i class="iconfont icon-sousuo basecolor"></i>
                </label>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="title">
            <span>{{ $archive->region->name }}装修</span><b>></b><span>{{ $archive->region->name }}装修公司</span><b>></b><span>{{ $archive->name }}</span>
        </div>
        <div class="company-profile">
            <div class="fxf_fl">

                <div class="fxf_content">
                    <div class="fxf_img">
                        <img src="{{ asset('web/images/person4.png') }}">
                    </div>
                </div>
                <div class="fxf_title">
                    <h3 class="fxf_h3">{{ $archive->name }}</h3>
                    <div class="fxf_list">
                        <ul>
                            <li>
                                <img src="{{ asset('web/images/icon1.png') }}">
                                <span>资质认证</span>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon2.png') }}">
                                <span>优质公司</span>
                            </li>
                            <li>
                                <img src="{{ asset('web/images/icon3.png') }}">
                                <span>诚信认证</span>
                            </li>
                        </ul>
                    </div>
                    <div class="clear"></div>
                    <div class="fxf_text">
                        <div class="fxf_form">
                            <label class="fxf_label">注册日期：</label>
                            <span>{{ $archive->established_at }}</span>
                        </div>
                        <div class="fxf_form">
                            <label class="fxf_label">经营范围：</label>
                            <span class="fxf_length">{{ $archive->business_scope }}</span>
                        </div>
                        <div class="fxf_form">
                            <label class="fxf_label">地 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：</label>
                            <span class="fxf_len">{{ $archive->location }}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fxf_rl">
                <div class="fxf_contact">
                    <div class="fxf_touch">
                        <div class="fxf_form fxf_center">
                            <label class="fxf_label_name">联系人：</label>
                            <span>{{ $archive->legal_person }}</span>
                        </div>
                        <div class="fxf_form">
                            <label class="fxf_label_name">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：</label>
                            <span>{{ $archive->tel }}</span>
                        </div>
                        <div class="fxf_form">
                            <label class="fxf_label_name">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</label>
                            <span>{{ $archive->email }}</span>
                        </div>
                        <div class="fxf_form">
                            <div class="fxt_btn">更多电话 ></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="fxf_head">
            {{--<p>装修案例<a href="javascript:;">更多 ></a></p>--}}
            <p>推荐文章<a href="{{ url('baike/index') }}">更多 ></a></p>
        </div>
        <div class="fxf_head_list">
            <ul>
                {{--<li class="current">现代简约</li>--}}
                {{--<li>中式</li>--}}
                {{--<li>北欧</li>--}}
                {{--<li>田园</li>--}}
                {{--<li>混搭</li>--}}
            </ul>
        </div>

        <div class="fxf_type">
            <ul>
                @foreach($article as $item)
                    <li>
                        <a href="{{ url('baike/detail', $item->id) }}" style="color: black;">
                            <p><img src="{{ $item->media->path }}" style="height: 250px;"></p>
                            <div class="fxf_border" style="height: 100px;">
                                <div class="fxf_fl">
                                    <h3 class="type_address">{{ $item->title }}</h3>
                                    <div class="details">
                                        {{--<span>{{ $item->guide }}</span>--}}
                                        {{--<b>|</b>--}}
                                        {{--<span>中式</span><b>|</b>--}}
                                        {{--<span>200m²</span><b>|</b>--}}
                                        {{--<span>造假：</span><span>10万</span>--}}
                                    </div>
                                </div>
                                <div class="fxf_rl">
                                    <div class="person">
                                        <div class="person-photo">
                                            {{--<img src="{{ asset('web/images/person2.png') }}">--}}
                                        </div>
                                        <div class="occupation">
                                            {{--<p>设计师</p>--}}
                                            <p>{{ $item->created_at }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
        <div class="clear"></div>

        <div class="fxf_head fxf_top">
            <p>设计团队<a href="javascript:;">更多 ></a></p>
        </div>
        <div class="position">
            <ul>
                <li>
                    <div class="position_name">
                        <img src="{{ asset('web/images/person3.png') }}">
                        <p>李三三</p>
                    </div>
                    <div class="position_content">
                        <div class="position_form">
                            <label class="position_label">擅长风格：</label>
                            <span class="position_cont">
                         现代简约 中式 美式 简欧
                       </span>
                        </div>
                        <div class="position_form">
                            <label class="position_label">设计价格：</label>
                            <span class="position_cont">
                         60-100元/m²
                       </span>
                        </div>
                        <div class="position_form_cont">
                            <label class="position_label position_label_head">设计理念：</label>
                            <div class="position_cont_txt">
                                没有什么是最好的，根据不同人的需要，去设计最适合他们的居室才是最重要。
                                没有什么是最好的，根据不同人的需要，去设计最适合他们的居室才是最重要。
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="position_form_case">
                            <label class="position_label">最新案例：</label>
                            <div class="case">
                                <div class="position-img">
                                    <img src="{{ asset('web/images/tu2.png') }}">
                                </div>
                                <div class="case_name">
                                    <p>180平现代时尚四居室</p>
                                    <p class="case-size">现代简约 四居</p>
                                </div>
                            </div>
                            <div class="case case-top">
                                <div class="position-img">
                                    <img src="{{ asset('web/images/tu2.png') }}">
                                </div>
                                <div class="case_name">
                                    <p>180平现代时尚四居室</p>
                                    <p class="case-size">现代简约 四居</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>

        <div class="fxf_head fxf_top">
            <p>业主点评<a href="javascript:;">更多 ></a></p>
            <div class="statistics">
                <div class="statistics-details">
                    <!--<table id="details-table" class="statistics-form-table"></table>-->
                    <div class="statistics-item">
                        <div class="statistics-name">
                            <div class="statistics-userimg">
                                <img src="{{ asset('web/images/person4.png') }}">
                            </div>
                            <div class="userName">
                                <span class="name">李四四</span>
                                <span class="statistics-xing">
                               <div class="atar_Show">
                                   <p tip="4" style="width:'+starWidth+'%"></p>
                               </div>
                           </span>
                                <span class="time">2010-12-12 10:30</span>
                                <p class="statistics-list">
                                    服务态度好，人也好，很好的解决问题。服务态度好，人也好，很好的解决问题。服务态度好，人也好，很好的解决问题。服务态度好，人也好，很好的解决问题。服务态度好，人也好，很好的解决问题。服务态度好，人也好，很好的解决问题。服务态度好，人也好，很好的解决问题。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="fxf_head fxf_top">
            <span class="praise on">推荐装饰公司</span> | <span class="praise praise-right">附件装饰公司</span>
        </div>
        <div class="praise-list">
            <ul>
                @foreach($randArchive as $item)
                    <li>
                        <div class="praiseName"><a href="{{ url('company/detail', $item->id) }}" style="color: black;">{{ $item->name }}</a></div>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>

    <div class="li4">
        <div class="content">
            <div class="pull-left">自己装修也很轻松!</div>
            <div class="m">
                <img src="{{ asset('web/images/img.png') }}" alt="">
            </div>
            <div class="pull-right"></div>
        </div>
    </div>
    <div class="footer">
        <div class="content">
            <div class="list">
                <span>友情链接</span>
                <span>友情链接</span>
                <span>友情链接</span>
            </div>
            <div class="alist">
                <a href="javascript:;">链接</a>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('web/js/jquery.min.js') }}"></script>
<script src="{{ asset('web/js/comm.js') }}"></script>
<script src="{{ asset('web/js/bootstrap-table.min.js') }}"></script>
<script src="{{ asset('web/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('web/js/idangerous.swiper.min.js') }}"></script>
<script>
    new Vue({
        el: '#app',
        data: {}
    })
    $(function () {

        var str = $(".fxf_length").text();
        if (str != null && str.length > 15) {
            var newStr = str.replace(/\s*/g, "");
            var newStrCont = newStr.substr(0, 15) + "...";
            $(".fxf_length").text(newStrCont);
        }


        var element = $(".statistics-list");
        for (var i = 0; i < element.length; i++) {
            var cont = $(element[i]).text();
            if (cont != null && cont.length > 85) {
                var contStr = cont.replace(/\s*/g, "");
                var contStrCont = contStr.substr(0, 85) + "...";
                $(element[i]).text(contStrCont);
            }
        }
    });
    var banner = new Swiper('.swiper-container', {
        autoplay: 5000,//可选选项，自动滑动
        loop: true,//可选选项，开启循环
        pagination: '.pagination2',
        autoplayDisableOnInteraction: false
    })
    var mySwiper = new Swiper('.cases', {
        autoplay: 5000,//可选选项，自动滑动
        loop: true,//可选选项，开启循环
        pagination: '.pagination',
        autoplayDisableOnInteraction: false
    })
    var presonlist = new Swiper('.personlist', {
        autoplay: 2000,//可选选项，自动滑动
        loop: true,//可选选项，开启循环
        pagination: '.pagination',
        slidesPerView: 5,
        autoplayDisableOnInteraction: false,
        loopedSlides: 5
    })


</script>
</body>
</html>